<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>汽车购票系统</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../css/frozen.css">
    <link rel="shortcut icon" href="../img/carTitlePicture.jpg"/>
    <link rel="stylesheet" href="../css/register.css"/>
</head>
<body ontouchstart="">
<header class="ui-header ui-header-positive  ">
    <h1 style="font-size: 0.3rem">注册</h1>
</header>
<section class="ui-container bodyBoxTM">
    <div class="ui-form ui-border-t">
        <div class="ui-form-item ui-border-b btBoxTM">
            <label>
                基本信息
            </label>
        </div>
        <form action="#">
            <div class="ui-form-item ui-border-b">
                <label class="lblByNameTM">
                    用户名
                </label>
                <input type="text" placeholder="字母，数字或“—”，6-30位" class="iptByNameTM">
            </div>
            <div class="ui-form-item ui-border-b">
                <label class="lblPasswordTM">
                    密码
                </label>
                <input type="password" placeholder="不少于6位" class="iptPasswordTM">
            </div>
            <div class="ui-form-item ui-border-b">
                <label class="lblPasswordTMTwo">
                    密码确认
                </label>
                <input type="password" placeholder="请再次输入密码" class="iptPasswordTMTwo">
            </div>
        </form>
    </div>
    <div class="ui-form ui-border-t">
        <div class="ui-form-item ui-border-b btBoxTM">
            <label>
                详细信息
            </label>
        </div>
        <form action="#">
            <div class="ui-form-item ui-border-b">
                <label class="lblNameTM">
                    姓名
                </label>
                <input type="text" placeholder="请输入真实姓名，以便购票" class="iptNameTM">
            </div>
            <div class="ui-form-item ui-border-b">
                <label>
                    证件类型
                </label>
                <input type="text" placeholder="二代身份证" class="intIdCardTM">
            </div>
            <div class="ui-form-item ui-border-b">
                <label class="lblIdCardNumTM">
                    证件号码
                </label>
                <input type="text" placeholder="请准确完整填写" class="intIdCardNumTM">
            </div>
        </form>
    </div>
    <div class="ui-form ui-border-t">
        <div class="ui-form-item ui-border-b btBoxTM">
            <label>
                联系方式
            </label>
        </div>
        <form action="#">
            <div class="ui-form-item ui-border-b">
                <label class="lblPhoneNumTM">
                    手机号码
                </label>
                <input type="text" placeholder="请准确填写你的手机号码" class="iptPhoneNumTM">
            </div>
            <div class="ui-form-item ui-border-b">
                <label class="lblEmailTM">
                    电子邮件
                </label>
                <input type="text" placeholder="请准确填写邮箱地址" class="iptEmailTM">
            </div>
        </form>
    </div>
    <div class="ui-btn-wrap">
        <input type="checkbox" class="iptCheckBoxTM" value="true"/>
        <label>
            同意
            <a href="https://www.baidu.com">服务条款</a>
        </label>
    </div>
    <div class="ui-btn-wrap">
        <button class="ui-btn-lg ui-btn-primary btnRegisterTM">
            下一步
        </button>
    </div>
    <div class="ui-btn-wrap">
        <button class="ui-btn-lg ui-btn-primary btnRegister2TM">
            返回
        </button>
    </div>
    <div class="ui-btn-wrap">
        <button class=" btnBottomTM">

        </button>
    </div>
</section>
<footer class="ui-footer ui-footer-btn">
    <ul class="ui-tiled ui-border-t">
        <li data-href="index.html" class="ui-border-r">
            <div>车票预订</div>
        </li>
        <li data-href="ui.html" class="ui-border-r">
            <div>订单查询</div>
        </li>
        <li data-href="js.html" class="thisBoxTM ui-border-r">
            <div>我的信息</div>
        </li>
    </ul>
</footer>
<script src="../lib/zepto.main.1.20.js"></script>
<script src="../lib/NEWzepto.tocuh.js"></script>
<script src="../js/frozen.js"></script>
<script src="../js/register.js"></script>
</body>
</html>